<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录系统</title>
    <script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
    <div style="margin-top:50px;margin-left:40%">
        <h1>用户登录</h1>
        姓名：<input  type="text" id="username" name="username"><br>
        密码：<input type="password" id="password" name="password">
        <p>
            <input type="button" value="提 交" onclick="mySubmit()"> &nbsp;&nbsp;&nbsp;
            <input type="reset" value="重 置">
        </p>
    </div>

<script>
    //ajax请求登录
    function mySubmit(){
        var username=jQuery("#username");
        var password=jQuery("#password");
        if(""==jQuery.trim(username.val())){
            alert("请先输入用户名")
            username.focus();
            return;
        }
        if(""==jQuery.trim(password.val())){
            alert("请先输入密码")
            password.focus();
            return;
        }
        jQuery.ajax({
            url:"login", //设置请求地址
            type:"POST", //设置请求方法的类型
            ContentType:"application/x-www-form-urlencoded;charset=utf-8",//设置数据类型及编码
            data:{
                "username":username.val(),"password":password.val()},//请求类型
                dataType:"",
                success:function(data){
                    alert(data);
                }
        });
    }
</script>

</body>
</html>